/* 
1 发送请求获取数据 
2 点击轮播图 预览大图
  1 给轮播图绑定点击事件
  2 调用小程序的api  previewImage 
3 点击 加入购物车
  1 先绑定点击事件
  2 获取缓存中的购物车数据 数组格式 
  3 先判断 当前的商品是否已经存在于 购物车
  4 已经存在 修改商品数据  执行购物车数量++ 重新把购物车数组 填充回缓存中
  5 不存在于购物车的数组中 直接给购物车数组添加一个新元素 新元素 带上 购买数量属性 num  重新把购物车数组 填充回缓存中
  6 弹出提示
4 商品收藏
  1 页面onShow的时候  加载缓存中的商品收藏的数据
  2 判断当前商品是不是被收藏 
    1 是 改变页面的图标
    2 不是 。。
  3 点击商品收藏按钮 
    1 判断该商品是否存在于缓存数组中
    2 已经存在 把该商品删除
    3 没有存在 把商品添加到收藏数组中 存入到缓存中即可
 */
import {
  request
} from '../../request/index'
// 使用async用到的js
import regeneratorRuntime from '../../lib/runtime/runtime';
Page({

  /**
   * 页面的初始数据
   */
  data: {
    //  存储商品详情数据
    goodsDetailsList: [],
    // 商品收藏状态
    isCollect: false
  },
  //全局存放商品详情数据
  goodsDetailInfo: {},

  onShow: function () {
    let curPages = getCurrentPages();
    const currentPage = curPages[curPages.length - 1]
    const options = currentPage.options
    const {
      goods_id
    } = options
    this.getGoodsDetail(goods_id)
  },
  // 获取商品详情数据
  async getGoodsDetail(goods_id) {
    const {
      data: res
    } = await request({
      url: '/goods/detail',
      data: {
        goods_id
      }
    })
    let goodsDetailsList = res.message
    // 全局赋值
    this.goodsDetailInfo = res.message
    // 1 获取缓存中的商品收藏的数组
    let collect = wx.getStorageSync("collect") || [];
    // 2 判断当前商品是否被收藏
    let isCollect = collect.some(v => v.goods_id === this.goodsDetailInfo.goods_id);
    this.setData({
      goodsDetailsList: {
        goods_price: goodsDetailsList.goods_price,
        goods_name: goodsDetailsList.goods_name,
        pics: goodsDetailsList.pics,
        /* 
         iphone部分手机不支持webp图片格式
         临时自己修改1webp=1.jpg
        */
        goods_introduce: goodsDetailsList.goods_introduce.replace(/\.webp/g, '.jpg')
      },
      isCollect
    })
  },
  //点击轮播图预览图片
  handlePreviewImage(e) {
    // 先构造预览图片的数组
    const urls = this.goodsDetailInfo.pics.map(v => v.pics_mid)
    // 获取传过来的图片的链接
    const current = e.currentTarget.dataset.url
    wx.previewImage({
      current, // 当前显示图片的http链接
      urls // 需要预览的图片http链接列表
    })
  },
  // 加入购物车
  addGoodsCarts() {
    // 获取本地存储的购物车数据
    const carts = wx.getStorageSync('carts') || []
    // 判断购物车中是否添加过该商品
    const index = carts.findIndex(v => v.goods_id === this.goodsDetailInfo.goods_id)
    if (index === -1) {
      // 商品没有被添加到购物车
      this.goodsDetailInfo.num = 1
      // 添加复选框状态
      this.goodsDetailInfo.checked = true
      carts.push(this.goodsDetailInfo)
    } else {
      // 商品已经添加过
      carts[index].num++
    }
    // 把购物车重新添加到本地存储
    wx.setStorageSync(
      'carts', carts
    )
    // 弹出提示
    wx.showToast({
      title: '添加成功',
      icon: 'success',
      mask: true
    })
  },
  // 点击收藏
  handleCollect() {
    let isCollect = false
    //  获取缓存的收藏存储的数据
    const collect = wx.getStorageSync('collect') || []
    // 判断商品是否被收藏过
    const index = collect.findIndex(v => v.goods_id === this.goodsDetailInfo.goods_id)
    if (index !== -1) {
      // 商品已经收藏过，则删除该商品
      collect.splice(index, 1)
      isCollect = false
      wx.showToast({
        title: '取消收藏',
        icon: 'success'
      })

    } else {
      //当index==-1，说明商品以前没有被收藏过,则添加到缓存中
      collect.push(this.goodsDetailInfo)
      isCollect = true
      wx.showToast({
        title: '收藏成功',
        icon: 'success'
      })

    }
    // 存入缓存中
    wx.setStorageSync("collect", collect)
    this.setData({
      isCollect
    })

  }
})